// 轮播容器样式
.product-carousel-container {
    width: 100%;
    max-width: 5rem; // 500px -> 5rem
    margin: 0 auto;   // 居中显示
    border-radius: 0.12rem; // 12px -> 0.12rem
    overflow: hidden;    // 超出部分隐藏
    box-shadow: 0 0.02rem 0.12rem rgba(0,0,0,0.08); // 2px 12px -> 0.02rem 0.12rem
    background: #fff;
  }
  
  // 轮播图片样式
  .product-carousel-img {
    width: 100%;
    height: 1rem; // 100px -> 1rem
    object-fit: cover; // 保持比例裁剪
    display: block;
    user-select: none; // 禁止选中
    background: #f5f5f5; // 图片未加载时的底色
    transition: transform 0.3s;
  }
  
  // 鼠标悬停时图片微微放大
  .product-carousel-img:hover {
    transform: scale(1.03);
  }